<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 关于base64格式的图片说明 -- 常用于更换头像

    //  base64格式只是图片的一种格式，用字符串表示图片的格式
    //  base64格式的优点：减少http请求，加快小图片的响应速度，减轻服务器的压力
    //  base64格式的缺点：体积比正常图片大 30% 左右。
    //  如果是小图片，可以使用base64格式，大图片不建议使用了。

    // https://www.css-js.com/tools/base64.html  // 在线转 base64 格式

  </script>
</body>

</html>